<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0"/>
    <title>Listen美食城</title>
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/assets/images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/vendors/slick/slick/slick.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/vendors/font-awesome/css/font-awesome.css"/>
    <link rel="stylesheet" type="text/css" href="/Public/assets/home/assets/css/common.css"/>

    
</head>
<body>

<div class="logo">
    <h1><a href="<?php echo U('Index/index');?>">
        <img class="img-responsive" src="/Public/assets/home/assets/images/favicon.ico"/></a>
    </h1>

    <h3>Listen美食城</h3>

    <div class="clears"></div>
</div>



    <h3 style="width: 50%;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-weight: normal;
    background-color: #c06090;margin-top: 10px;">我的购物车</h3>

    <form>
        <section class="cart">

            <?php if(is_array($carts)): $i = 0; $__LIST__ = $carts;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$cart): $mod = ($i % 2 );++$i;?><dl class="good" data-id="<?php echo ($cart["id"]); ?>">
                    <dt><img class="img-responsive" src="<?php echo ($cart["product"]["thumb"]); ?>" alt="产品图片">
                    </dt>
                    <dd class="dd">
                        <ul>
                            <li><?php echo ($cart["product"]["name"]); ?></li>
                            <li><span>¥</span> <span class="price"><?php echo ($cart["product"]["price"]); ?>元</span></li>
                            <li>
                                <div class="btn-group">
                                    <span class="sub">－</span>
                                    <input type="text" value="<?php echo ($cart["num"]); ?>" name="num" class="num">
                                    <span class="add">＋</span>
                                </div>
                                <a class="btn-cart-omit" href="javascript:void(0);">移除</a>
                            </li>
                        </ul>
                    </dd>
                </dl><?php endforeach; endif; else: echo "" ;endif; ?>

            <p id="total">总金额：<span>¥</span> <span id="total-price"> </span></p>

            <a href="<?php echo U('Order/index');?>"><input class="submit" type="button" value="我要购买"></a>
        </section>
    </form>

    <br>
    <br>



<?php if(($count_carts) > "0"): ?><a href="<?php echo U('Cart/index');?>" id="btn-cart">
        <i class="fa fa-shopping-cart"></i><span><?php echo ($count_carts); ?></span>
    </a><?php endif; ?>

<a href="javascript:;" id="to_top" onclick="goTop();return false;">返回</a>

<div class="footer">
    <p data-id="<?php echo ($_SESSION['customer']); ?>">
        <a href="<?php echo U('Index/index');?>">商城首页</a>
        <a href="<?php echo U('Cart/index');?>">购物车</a>
        <a href="javascript:;" id="customer">会员中心</a>
        <!--<a href="javascript:;" id="login">登录中心</a>-->
    </p>

    <dl>
        <dd><a href="javascript:void(0);">Listen To The Word!</a></dd>
    </dl>
</div>

<script type="text/javascript" src="/Public/assets/home/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="/Public/assets/home/vendors/slick/slick/slick.js"></script>
<script type="text/javascript" src="/Public/assets/home/assets/js/index.js"></script>
<script type="text/javascript">
    /**
     * 回到页面顶部
     * @param acceleration 加速度
     * @param time 时间间隔 (毫秒)
     **/
    function goTop(acceleration, time) {
        acceleration = acceleration || 0.1;
        time = time || 16;

        var x1 = 0;
        var y1 = 0;
        var x2 = 0;
        var y2 = 0;
        var x3 = 0;
        var y3 = 0;

        if (document.documentElement) {
            x1 = document.documentElement.scrollLeft || 0;
            y1 = document.documentElement.scrollTop || 0;
        }
        if (document.body) {
            x2 = document.body.scrollLeft || 0;
            y2 = document.body.scrollTop || 0;
        }
        var x3 = window.scrollX || 0;
        var y3 = window.scrollY || 0;

// 滚动条到页面顶部的水平距离
        var x = Math.max(x1, Math.max(x2, x3));
// 滚动条到页面顶部的垂直距离
        var y = Math.max(y1, Math.max(y2, y3));

// 滚动距离 = 目前距离 / 速度, 因为距离原来越小, 速度是大于 1 的数, 所以滚动距离会越来越小
        var speed = 1 + acceleration;
        window.scrollTo(Math.floor(x / speed), Math.floor(y / speed));

// 如果距离不为零, 继续调用迭代本函数
        if (x > 0 || y > 0) {
            var invokeFunction = "goTop(" + acceleration + ", " + time + ")";
            window.setTimeout(invokeFunction, time);
        }
    }


    //判断用户是否登录
    $(function () {
        //会员中心判断
        $('#customer').click(function () {
            if ($(this).parents('p').attr('data-id')) {
                location.href = "<?php echo U('Customer/index');?>";
            } else {
                alert('你未登录,请登录后访问!!!');
                location.href = "<?php echo U('Customer/login');?>";
            }
        })

        // //登录中心判断
        // $('#login').click(function () {
        //     if ($(this).parents('p').attr('data-id')) {
        //         location.href = "<?php echo U('Customer/index');?>";
        //     } else {
        //         location.href = "<?php echo U('Customer/login');?>";
        //     }
        // })
    })

</script>

    <script>
        $(function () {
            //页面刷新增加数量
//            $(".add").click(function () {
//                var id = $(this).parents('dl').data('id');
//                $.post("<?php echo U('ajax_add');?>", {id: id}, function () {
//                    window.location.reload();
//                })
//            });

            //增加数量
            $(".add").click(function () {
                var t = $(this).parent().find('input[class*=num]');
                t.val(parseInt(t.val()) + 1);

                var id = $(this).parents('dl').data('id');
                $.post("<?php echo U('ajax_add');?>", {id: id}, function () {

                });
                setTotal();
            })

            //减少数量
            $(".sub").click(function () {
                var t = $(this).parent().find("input[class*=num]");
                t.val(parseInt(t.val()) - 1);
                if (parseInt(t.val()) < 1) {
                    t.val(1);
                    return false;
                }

                var id = $(this).parents('dl').data('id');
                $.post("<?php echo U('ajax_sub');?>", {id: id}, function () {

                });
                setTotal();
            });

            //改变数量
            $(".num").change(function () {
                var info = {
                    id : $(this).parents('dl').data('id'),
                    num : $(this).val()
                };
                if(info.num < 1){
                    info.num = 1;
                }
                $.post("<?php echo U('ajax_num');?>", info, function () {
                    window.location.reload();
                })
            })

            //统计价格
            function setTotal() {
                var sum = 0;
                $(".good").each(function () {
                    var num = parseInt($(this).find("input[class*=num]").val());
                    var price = parseFloat($(this).find("span[class*=price]").text());
                    sum += num * price;
                })
                $("#total-price").html(sum.toFixed(2));
            }
            setTotal();

            //移除商品
            $('.btn-cart-omit').click(function () {
                var id = $(this).parents('dl').data('id');
                var _this = $(this);
                $.post("<?php echo U('ajax_delete');?>", {id: id}, function () {
                    _this.parents('dl').fadeOut(400);
                    window.location.reload();
                })
                return false;
            })

        })
    </script>

</body>
</html>